﻿/* CSS Document */

div {

  /* border: 1px solid black;*/ /* à enlever */

}

span {

/*  border: 1px solid black;*/ /* à enlever */

}

body {

font: normal bold 14px/1.2em Calibri, Verdana, Helvetica;  
 background-color: /*#FCFCFC;*//*#F8F8F8;*/ #EAF1DD;
  width : 800px;
  margin-left:auto;
  margin-right:auto;
   /*Default bg, similar to the background's base color*/
   background-image: url(images/logo1.PNG);
   background-position: right bottom; /*Positioning*/
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
  
}

.logo {
height:10px;
width:10px;
}

.toplink {

  float: right;

}

.topbar {

}

.topbarcontenu{

background-color:#F2F2F2;
	position: relative;

}

.topbarrechercher {

   float:center

}

.recherchepages {

   display:inline

}

.accueil {

  background-image: url(images/index-background.jpg); 
  height: 300px;
  margin-left:auto;
  margin-right:auto;
  
}

.accueiltext {

  height: 300px;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  margin: auto;

}

.temoignages {

}

.temcols {

  width:33%;

}

.les3temoins {

  width:600px;

}

.accueilenbas {

  width:100%;

}
.accueilbascols {

  width:50%;
  padding: 5 5 5 5;

}

.tempics {

  width:190px;
  height: 190px;

}

#recherchetitle {

  margin-bottom: 0; 
  padding-bottom: 0; 

}

a:link{
text-decoration : none;
}
.liens {
/*border: 1px solid black;*/
border-radius : 10px;
  display:inline-block;
  float:left

}


.lienlist {

  float:left

}

.parrainage {

  float:right;
  text-align:right;
  position: absolute;
  bottom: 0;
  right: 0;

}

.lienlist li{
list-style-type: none;
}
#parrainer {

  display:inline;

}

.liens {

  display:inline-block;
  float:left;
  float:left;
  width:20%;

}

#pagecontenu {

	border-top-left-radius : 20px 20px;
  display:inline-block;
  float:left;
  width:74%; /* ça va devenir 70% */

}

#goodies {

  color:#707070;
  display:inline-block;
  float:right;
  float:left;
  width:5%;

}

#goodies li {
    list-style-type: none;
}
#sociallinks{
height:30px;
width:30px;
}
.footer {

width:50%;
height: 20px;
background-color:#F2F2F2;
color:#707070;
  position:fixed;
  bottom: 0;
  margin-right:10px;

}

.loginoutils {

  float:right;
  text-align:right;
  position: absolute;
  right: 0;

}

.spanResultat {

  display: inline-block;
  width:165px;

}

.imgRes {

  height:100%;
  width:100%;

}

.imgProduit {

  height:300px;
  width:400px;

}

#imgDemander {
  
  height = 10px;
  width = 100%;

}

#pagecontenusansdroite {

  display:inline-block;
  float:left;
  width:94%; /* ça va devenir 70% */

}
/* commencer les bons styles */

#menuEmprunt {
	
	width: 100%; /* Spans the width of the page */
	height: 25px; 
	margin: 0; /* Ensures there is no space between sides of the screen and the menu */
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
	background-color: /*#366b82;*/ /*#707070*/#BAAB9C;
	
}

.ongletsTransactions {
	height: 25px;
    padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu doesn’t affect other elements */
	border-right: 1px solid /*#54879d;*/ /*#707070*/ #BAAB9C;
}

.ongletsTransactions a {							
	padding: 6px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
	border-left: 1px solid #BAAB9C; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
	border-right: 1px solid #BAAB9C; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Text color is white */
	display: block;
}

.ongletsTransactions li	{
			height: auto;
			width: 150px;  /* Each menu item is 150px wide */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font: normal bold 14px/1.2em Calibri, Verdana, Helvetica;  
			padding: 0;
			margin: 0;
			background-color: #BAAB9C;
}

ul.ongletsTransactions li:hover, .ongletsTransactions a:hover {
	background-color: #FF9900;
} 

.ongletsTransactions li ul 	{
	display: none;  /* Hides the drop-down menu */
	height: auto;									
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */			
}				

.ongletsTransactions li:hover ul {
	display: block; /* Displays the drop-down box when the menu item is hovered over */
}
 
 .ongletsTransactions li ul li {background-color: #707070;} 
 
 .ongletsTransactions li ul li a 	{
		border-left: 1px solid #1f5065; 
		border-right: 1px solid #1f5065; 
		border-top: 1px solid #74a3b7; 
		border-bottom: 1px solid #1f5065; 
		}
				
.ongletsTransactions li ul li a:hover	{background-color: #366b82;}

tr.clickable td {
    padding: 0;
}
tr.clickable td a {
    display: block;
    padding: 4px;
}